.oe-school-manage {
  margin-top: 20px;
  width: 100%;

  .oe-school-contain {
    width: 100%;
    height: 410px;
    padding: 20px;
    border-radius: 5px;
    margin-top: 50px;
    background: #f3f6fa;
    position: relative;

    .oe-manage-text {
      position: absolute;
      left: calc(50% - 480px);
      top: 0;
      font-size: 18px;
    }

    .oe-logo-upload {
      position: absolute;
      left: calc(50% - 350px);
      top: 0;
      width: 700px;
      height: 164px;
      background-color: #fff;
      padding: 10px;
      border-radius: 30px;

      .oe-img-box {
        width: 680px;
        height: 144px;
        display: inline-block;
        border: 1px solid rgba(0, 98, 255, 0.15);
        border-radius: 30px;
        overflow: hidden;
        padding: 21px 65px;

        img {
          // font-size: 0;
          line-height: 0;
          // vertical-align: bottom;
        }

        // p {
        //   margin: 0;
        //   color: #cccccc;
        // }
      }

      z-index: 999;

    }

    .option-box {
      position: absolute;
      left: calc(50% - 485px);
      top: 82px;

      .options {
        width: 970px;
        height: 327px;
        background-color: #fff;
        border-radius: 15px;
        position: relative;

        .oe-upload-btn {
          position: absolute;
          top: 85px;
          left: 426px;
          width: 118px;
          height: 38px;
          background-color: #f1f1f5;
          padding: 2px 8px;
          border: 1px solid #f1f1f5;
          border-radius: 10px;
          outline: none;

          &:hover {
            color: #0177d5;
            cursor: pointer;
          }
        }

        .oe-text-boxs{
          position: absolute;
            left: 40px;
            bottom: 120px;
          border-bottom: 1px solid #f1f1f5;
          padding-bottom: 10px;
          .oe-text-box {
            // display: flex;
            margin-top: 15px;
            display: inline-block;
            .ant-checkbox-inner {
              border-radius: 50%;
            }
  
            .oe-text {
              margin: 0;
              margin-left: 6px;
              vertical-align: text-bottom;
              display: inline-block;
            }
          }
        }
       
        .oe-logo-save {
          position: absolute;
          left: 426px;
          bottom: 40px;
          .ant-btn {
            width: 118px;
            height: 38px;
            color: #FFFFFF;
            background-color: #047bfc;
            border-radius: 10px;
          }

          // margin-top: 20px;
        }
      }
    }



  }
}

// 头像预览及上传区域
.oe-cropper-logo {
  text-align: center;

  .set-cropper-img {
    width: 566px;
    height: 102px;
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .set-cropper-btn {
    #img-upload {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      width: 100%;
      opacity: 0;
      cursor: pointer;
      font-size: 50rem;
    }
  }
}